body{
    background: #e7edf2;
    box-sizing: border-box;
    overflow-x: hidden;
}
div.layui-layer{
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
body input:focus,textarea:focus{
    background: #f8fcff;
    border: solid 1px #3bb4f2;
}
#loginform ::-webkit-input-placeholder {
    color:#a1a1a1;
    font-size: 0.75rem;
    letter-spacing: 2px;
}
::-webkit-input-placeholder{
    color:#ccc;
}
textarea{
    resize: none;
}
a.btn-add,a.btn-updates{
    float: left;
    width: 264px;
    height: 180px;
    padding:24px 81px;
    border:none;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #e1e1e1;
    position: relative;
}
.shadow-out{
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    border:1px solid #e1e1e1;
    margin-top: 20px;
    /*margin-bottom: 200px;*/
}
a.btn-add:hover img,a.btn-updates:hover img{
    opacity: 0.7;
}
a.btn-add img,a.btn-updates img{
    width: 100px;
    height: 100px;
}
a.btn-add span,a.btn-updates span{
    display: inline-block;
    margin-top: 10px;
}
a.btn-add-user{
    width: 100px;
    height: 100px;
    line-height: 92px;
}
a.btn-right{
    position: absolute;
    right:10px;
    top:50px;
}
.table-btn-right{
    border:none;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    display: inline-block;
    padding:0 15px;
    line-height: 36px;
    height: 36px;
    background: #4a96ff;
    margin-top: 13px;
    border-radius: 3px;
}
.table-btn-right:hover{
    color: #b6d7ff;
    background: #4080dd;
}
.operate{
    box-sizing: border-box;
    padding:0 20px;
    overflow: hidden;
    position: relative;
    height: 62px;
    line-height: 62px;
    background: #f2f8fc;
    border-bottom: 1px solid #e1e1e1;
}
.breadcrumb{
    height: 60px;
    line-height: 60px;
    margin: 0 20px;
    padding:0 35px 0 35px;
    border:1px solid #e1e1e1;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}
.my-fresh{
    width: 72px;
    line-height: 36px;
    height: 36px;
    margin-top: 11px;
    background: #b6c2d3;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
}
.my-fresh:hover,.my-fresh:focus{
    color: #fff;
    background: #a5afc4;
}
td.table-btn-right:hover{
    cursor: pointer;
}
.btn-primary{
    background: #4a96ff;
}
a:hover{
    text-decoration: none;
}
.btns-left{
    text-align: left;
}
.bg-center{
    position: relative;
    background: #f7f7f9;
    height: 180px;
    box-sizing: border-box;
    border:1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}
tbody>tr:nth-child(odd)>td, tbody>tr:nth-child(odd)>th{
    background: #f7f7f9;
}
tbody>tr:nth-child(even)>td, tbody>tr:nth-child(even)>th{
    background: #fff;
}
.footer-bg-center{
    text-align: center;
    position: relative;
    background: #fff;
    padding:20px 0;
    margin: 0;
    border:none;
}
.pageSize-right{
    position: absolute;
    right:10px;
    top:50px;
}
.page-container{
    padding:20px ;
}
.Hui-aside{
    background:#282d2f;
    padding-top: 0;
}
.Hui-aside .aside-icon{
    position: absolute;
    left:15px;
    top:17px;
    width: 20px;
    height: 20px;
}
.Hui-aside .menu_dropdown-arrow{
    opacity: 0.5;
    font-size: 16px;
    transition: all .5s;
}
.Hui-aside .menu_dropdown dt{
    height: 55px;
    line-height: 55px;
    padding-left: 48px;
    color: #fff;
    box-sizing: border-box;
    border-bottom:none;
    opacity:0.5;
    transition: all .5s;
}
.Hui-aside .menu_dropdown dt>a{
    padding: 0;
    position: absolute;
    top:0;
    left:0;
    height: 55px;
    width: 100%;
}
.Hui-aside .menu_dropdown dd{
    background: #181c1c;
}
.Hui-aside .menu_dropdown dd ul{
    padding:0;
}
.Hui-aside .menu_dropdown li a:hover{
    background: #2f507f;
    color: #fff;
    opacity: 1;
}
.Hui-aside .menu_dropdown li.active{
    background: #396ba8;
}
.Hui-aside .menu_dropdown dl.active{
    background: #4a96ff;
}
.Hui-aside .menu_dropdown dd li a{
    line-height: 50px;
    padding-left: 50px;
    color: #fff;
    font-size: 0.8rem;
    transition: all .5s;
    opacity: 0.5;
}
.Hui-aside .menu_dropdown dd li.active a{
    opacity: 1;
}
.Hui-aside .menu_dropdown dt:hover{
    color: #ccc;
    background: #1f2224;
    opacity:1;
}
.Hui-aside .menu_dropdown dl.active dt{
    opacity:1;
    transition: all .5s;
}
.Hui-aside .menu_dropdown dl.active:hover dt{
    background: #3f87ef;
    color: #fff;
    transition: all .5s;
}
.table-bg thead th{
    background: #fff;
    border-left: none;
}
/*.table-bordered th, .table-bordered td{*/
    /*border:none;*/
/*}*/
.dataTable td.sorting_1{
    background: #fff;
}
.table-bordered th:first-child, .table-bordered td:first-child{
    border-left:none;
}
.form-horizontal .new-div .form-label{
    min-width: 90px;
    text-align: left;
}
.Hui-iconfont{
    position: relative;
    top:-1px;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.model{
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #f7f7f9;
    overflow: hidden;
}
.model input:focus{
    background: #f8fcff;
    border: 1px solid #73c0ff;
}
.new-area{
    text-align: center;
}
.new-area .group{
    width: 280px;
    margin: 22px auto;
    margin-bottom: 0;
}
.double-new-area{
    padding:8px 100px;
}
.double-new-area input[type=number]{
    width: 205px;
}
.double-new-area .cl>div.first-child{
    padding-right: 40px;
    border-right: 1px solid #e1e1e1;
}
.double-new-area .cl>div.left{
    padding-right: 40px;
    border-right: 1px solid #e1e1e1;
}
.double-new-area .cl>div:last-child{
    padding-left: 40px;
}
.double-new-area .r-border .group {
    margin-top: 0;
    position: relative;
}
.double-new-area .r-border .group label{
    margin: 22px 0 4px;
}
.double-new-area #sub{
    display: block;
    width: 160px;
    margin: 45px auto;
}
.new-area .group label{
    margin:0 0 4px;
    font-size: 13px;
    font-weight: 700;
    color:#555;
    text-align: left;
}
.new-area .btn-primary{
    margin-top: 30px;
    width: 280px;
    height: 34px;
}
.double-new-area .btn-primary{
    border-radius: 2px;
}
.new-area input,.new-area select{
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    padding:0 12px;
}
.new-area .skin-minimal{
    position: relative;
}
.date-icon {
    position: absolute;
    left:215px;
    top:4px;
}
.layui-tab-content{
    padding:0;
}
.table-border,.table-bordered{
    border:none;
}
.table .text-c th, .table .text-c td{
    font-size: 0.88rem;
    height: 62px;
    box-sizing: border-box;
    position: relative;
}
#tbodyList tr td:last-child a{
    position: relative;
    top:3px;
}
.table .text-c td:nth-child(odd){
    color: #818fa3;
}
.table .text-c td:nth-child(even){
    color: #2db2fc;
}
.table .text-c td.price{
    color: #ff2e12;
}
.table .text-c td.spec{
    color: #ffd00d;
}
.table .text-c th{
    color: #444;
    font-size: 0.95rem;
}
.table-hover tbody tr:hover td:nth-child(odd){
    color: #434d4f;
}
.table-hover tbody tr:hover td:nth-child(even){
    color: #0a8fea;
}
.table-hover tbody tr:hover td.price{
    color: #e50b00;
}
.table-hover tbody tr:hover td.spec{
    color: #ffb510;
}
.table td{
    font-size: 0.8rem;
    color: #666;
    border-left: none;
}
#page_data{
    /*overflow: hidden;*/
    background: #fff;
    box-sizing: border-box;
    position: relative;
}
.Hui-iconfont{
    font-size: 20px;
}
.input-text.focus, .textarea.focus{
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.label-big{
    font-weight: 700;
    margin-bottom: 15px;
}
.label-big+div{
    padding: 0;
}
.layui-layer{
    border-radius: 2px!important;
    overflow: hidden;
}
.layui-layer-title{
    font-size: 16px!important;
    font-weight: 700;
    background: #ebeced;
    border-bottom: 1px solid #ddd;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{
    background: #3a83db;
    border: 1px solid #3a83db;
}
.new-div{
    display: inline-block;
    width: 150px;
}
.new-div input{
    width: 130px;
}
.news-list-number{
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: #efefef;
    color: #999;
    border-radius: 12px;
}
.text-l .main-title{
    font-size: 1rem;
    font-weight: 700;
}
.text-l .sub-title{
    font-size: 0.9rem;
    font-weight: 700;
}
.text-l .main-footer .author{
    margin-right: 20px;
}
.thumbnails.text-r .img-out{
    width: 100%;
    max-height: 120px;
    overflow: hidden;
}
.thumbnails.text-r img{
    width: 100%;
}
p.type{
    font-weight: 700;
    margin-bottom: 14px;
}
p.time{
    margin-bottom: 4px;
    color: #999;
}
.search-form{
    background: #f7f7f9;
    padding:15px 20px;
    height: 62px;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}
.newsTypeName{
    border-radius: 15px!important;
    padding-left: 28px;
    background: #fff;
    color: #333;
}
.double-search{
    color: #333;
}
.search-icon{
    position: absolute;
    left:23px;
    top:3px;
    font-size: 16px;
    color: #ccc;
}
.btn-update{
    display: inline-block;
    height: 176px;
    width: 176px;
    background: url("../images/update-img.png");
    position: absolute;
    left:50%;
    top:140px;
    margin-left: -88px;
    opacity: 0.5;
}
.btn-update:hover{
    opacity: 1;
}
.update-title{
    margin-top: 260px;
    text-align: center;
    font-size: 1.2rem;
    color: #ccc;
    margin-bottom: 80px;
}
.my-step .next-step,.prev-step, .my-step #sub{
    height: 36px;
    padding:5px 70px;
    border-radius: 2px;
}
.steps .step.active:after, .active.steps:after{
    border-left-color: #4a96ff;
}
.steps .step.active, .active.step{
    background: #4a96ff;
    border-radius: 0;
}
.steps .step.active, .active.step{
    font-weight: normal;
}
.step-two{
    width: 600px;
    margin: 50px auto;
    background: #fff;
    padding:70px;
    box-sizing: border-box;
}
.step-two label{
    text-align: left!important;
}
.step-two .prev-step{
    margin-right: 7px;
}
.step-two .two-steps{
    margin-top: 45px;
}
.delete-div{
    position: relative;
    padding:0 40px ;
    z-index: 9;
    overflow: hidden;
    background: #fff;
}
.wangEditor-menu-container .menu-item{
    width: 40px!important;
}
.step-three {
    padding:50px 50px 50px 100px;
    width: 80%;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
}
.setp-thumbnails-out{
    height: 112px;
    width: 180px;
    overflow: hidden;
}
.setp-thumbnails-out img{
    width: 100%;
}
.step-three label.form-label{
    text-align: left;
}
.f-left{
    float: left;
}
.over-hide{
    overflow: hidden;
}
.textarea-numberbar{
    display: none;
}
.personal-update #picker{
    display: inline-block;
}
 #uploader{
    text-align: center;
}
.personal-update #ctlBtn{
    height: 36px;
    border-radius: 2px;
    background: #fff;
    color: #555;
}
.personal #ctlBtn,.personal-update #ctlBtn,.mould #ctlBtn{
    width: 280px;
    margin-top: 50px;
    background: #e5503c;
    color: #fff;
    transition: 0.3s all;
}
.personal #ctlBtn:hover,.personal-update #ctlBtn:hover,.mould #ctlBtn:hover{
    background: #cc4d40;
    border: 1px solid #cc4d40;
}
.personal-update .webuploader-pick,.mould .webuploader-pick {
    width: 280px;
    box-sizing: border-box;
    background: #4a96ff;
    border: 1px solid #4a96ff;
    color: #fff;
    height: 34px;
    font-size: 1rem;
    line-height: 34px;
    padding:0;
    border-radius: 0;
}
.personal-update .btn-primary-outline{
    width: 90px;
    background: #C6CACE;
    color: #fff;
    border: none;
    border-radius: 2px;
    transition: all .5s;
}
.personal-update .btn-primary-outline:hover{
    background: #4a96ff;
}
.triangle-up{
    position: absolute;
    top:-10px;
    left:60px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff;
}
#menuContent{
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    width:200px;
    display:none;
    position:absolute;
    top: 50px;
    border: 1px solid #fff;
    background-color: #fff;
    z-index: 99;
    border-radius: 2px;
    padding:10px;
}
/*个人信息*/
.user-info{
    height: 186px;
    border:1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    position: relative;
}
.user-info .left {
    display: inline-block;
    position: relative;
    width: 186px;
    height: 186px;

}
.user-info .left img{
    width: 186px;
    height: 186px;
}
.user-info .left .update-img{
    /*display: none;*/
    width: 186px;
    height: 186px;
    position: absolute;
    background: rgba(0,0,0,0.3);
    top:0;
    left:0;
    z-index: 2;
    text-align: center;
    line-height: 186px;
}
.user-info .left .update-img a{
    color: rgba(255,255,255,0.8);
    font-weight: 700;
    font-size: 1rem;
    padding:3px 8px;
    border-radius: 100px;
    border: 2px solid rgba(255,255,255,0.8);
}
.user-info .left .update-img a:hover{
    opacity: 0.5;
}
.user-info .right{
    height: 186px;
    position: absolute;
    left:0;
    top:0;
    padding-left: 186px;
}
.user-info .my-update{
    color: #fff;
    background:#4a96ff;
}
.user-info .my-update:hover{
    color: #b6d7ff;
    background: #4080dd;
}
.user-info .right .my-opt{
    height: 62px;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
    line-height: 62px;
    padding:0 35px 0 15px;
    background: #f7f7f9;
    border-left: 1px solid #e1e1e1;
}
.user-info .right .my-opt:last-child{
    border-bottom:none;
}
.user-info .right .user-name{
    background: #f2f8fc;
}
.user-info .right .user-email{
    background: #fff;
}
.user-info .right .user-operate span{
    font-size: 1.1rem;
    font-weight: 700;
    color: #a3aec4;
}
.user-info .right label{
    margin: 0;
    width: 80px;
    font-weight: 700;
    font-size: 0.95rem;
    display: inline-block;
    text-align: left;
}
.user-info .right input{
    height: 30px;
    padding-left: 12px;
    border-radius: 30px;
}
.user-info .right input.update{
    border:1px solid transparent;
    background: rgba(255,255,255,0);
}
.user-info .right .skin-minimal{
    display: inline-block;
}
/*素材云盘*/
.my-content .left,.my-content .right{
    background: #f2f8fc;
    height: 54px;
    box-sizing: border-box;
    line-height: 54px;
    padding:0 15px;
}
.my-content>div{
    padding:0;
    border-color: #e1e1e1;
}
.page-container .my-select{
    border: 1px solid #e1e1e1;
    border-bottom: none;
    background: #f7f7f9;
    padding: 15px 20px;
    height: 62px;
    box-sizing: border-box;
    position: relative;
}
.page-container .panel-default:nth-child(3){
   border-color: #e1e1e1;
}
.page-container .panel-default .panel-body{
    padding: 0;
}
.my-select input{
    width: 250px;
    display: inline-block;
    background: #fff;
    border: 1px solid #e6e6e6;
    height: 31px;
}
.my-select button{
    display: inline-block;
    border-radius: 0;
    position: relative;
    left:-5px;
    height: 35px;
    padding:6px 30px;
}
.shadow-form{
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}
.disk-div{
    display: inline-block;
    width: 200px;
    text-align: left;
}
#loginform input{
    opacity:0.9;
    border-color:transparent;
}
a.icon-a{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
}
a.icon-a img{
    position: absolute;
    display:block;
    width: 24px;
    height: 24px;
    top:8px;
    left:8px;
    transition: all 0.5s;
}
.li-icon{
    width: 24px;
    height: 24px;
    margin-right: 5px;
    transition: all 0.5s;
}
a.icon-a span{
    position: absolute;
    display:block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transition: all 0.5s;
    border-radius: 20px;
    opacity: 0;
    color: #fff;
}
a.icon-a:hover img{
    opacity: 0;
}
a.icon-a:hover span{
    opacity:1;
    background: #4a96ff;
}
.online,.os{
    position: relative;
    height: 34px;
    width: 120px;
    text-align: center;
    line-height: 34px;
}
.fileType {
    position: relative;
    height: 28px;
    width: 60px;
    text-align: center;
    line-height: 28px;
    margin: 0 auto;
}
.fileType span {
    display: block;
    transition: all 0.5s;
    text-align: center;
    width: 60px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    opacity: 0;
}
.online span,.os span{
    display:block;
    transition: all 0.5s;
    text-align: center;
    width: 120px;
    border-radius: 2px;
    position: absolute;
    top:0;
    opacity:0;
}
.os,.os span{
    width: 80px;
}
.online i,.os i{
    font-style: normal;
    position: absolute;
    left:43px;
    top:0;
    height: 34px;
    width: 34px;
    transition: all 0.5s;
    opacity:1;
}
.os i{
    left:23px;
}
.fileType i{
    font-style: normal;
    position: absolute;
    left:16px;
    top:0;
    height: 28px;
    width: 28px;
    transition: all 0.5s;
    opacity:1;
}
.table-hover tbody tr:hover span{
    opacity: 1;
}
.table-hover tbody tr i.onLine0{
    background: url("../images/online/onLine0.svg");
}
.table-hover tbody tr i.onLine1{
    background: url("../images/online/onLine1.svg");
}
.table-hover tbody tr i.onLine2{
    background: url("../images/online/onLine2.svg");
}
.table-hover tbody tr i.onLine3{
    background: url("../images/online/onLine3.svg");
}
.table-hover tbody tr i.onLine-1{
    background: url(../images/online/onLine-1.svg);
}
.table-hover tbody tr i.android{
    background: url("../images/online/android.svg");
}
.table-hover tbody tr i.windows{
    background: url("../images/online/windows.svg");
}
.table-hover tbody tr i.linux{
    background: url("../images/online/linux.svg");
}
.table-hover tbody tr i.type-txt{
    background: url("../images/filetype/led.svg");
}
.table-hover tbody tr i.type-image{
    background: url("../images/filetype/image.svg");
}
.table-hover tbody tr i.type-video{
    background: url("../images/filetype/video.svg");
}
.table-hover tbody tr i.type-zip{
    background: url("../images/filetype/zip.svg");
}
.table-hover tbody tr i.type-other{
    background: url("../images/filetype/other.svg");
}
.table-hover tbody tr i.type-theme{
    background: url("../images/filetype/theme.svg");
}
.table-hover tbody tr i.type-release{
    background: url("../images/filetype/release.svg");
}
.table-hover tbody tr:hover i{
    opacity:0;
}
.table-hover tbody tr:hover td{
    background: #f2f8fc;
}
.table-hover tbody tr:hover .my-update span,.table-hover tbody tr:hover .subReview span{
    opacity: 1;
    background: #82bef4;
}
.table-hover tbody tr:hover .noPer span{
    opacity: 1;
    background: #b6c2d3;
}
.table-hover tbody tr:hover .my-delete span{
    opacity: 1;
    background: #fc8c84;
}
.table-hover tbody tr:hover .my-role span{
    opacity: 1;
    background: #add65c;
}
.table-hover tbody tr:hover .my-terminal span{
    opacity: 1;
    background: #ffde55;
}
.table-hover tbody tr:hover .my-main span{
    opacity: 1;
    background: #9a98e5;
}
.table-hover tbody tr:hover .my-choose span,.table-hover tbody tr:hover .review span{
    opacity: 1;
    background: #eaa4ea;
}
.table-hover tbody tr:hover .my-bind span{
    opacity: 1;
    background: #add65c;
}
.table-hover tbody tr a.my-update:hover span,.table-hover tbody tr a.subReview:hover span{
    opacity:1;
    background: #4e98fc;
}
.table-hover tbody tr a.noPer:hover span{
    opacity:1;
    background: #a5afc4;
}
.table-hover tbody tr a.my-delete:hover span{
    opacity:1;
    background: #f9655d;
}
.table-hover tbody tr a.my-role:hover span{
    opacity:1;
    background: #95cc0e;
}
.table-hover tbody tr a.my-terminal:hover span{
    opacity:1;
    background: #ffcf06;
}
.table-hover tbody tr a.my-main:hover span{
    opacity:1;
    background: #7973f4;
}
.table-hover tbody tr a.my-choose:hover span,.table-hover tbody tr a.review:hover span{
    opacity:1;
    background: #ef5ee8;
}
.table-hover tbody tr a.my-bind:hover span{
    opacity:1;
    background: #95cc0e;
}
.my-icon{
    /*margin-right: 25px;*/
}
.commodity {
    color: #a3aec4;
    display: inline-block;
    margin: 0;
    font-size: 0.98rem;
    font-weight: 700;
    letter-spacing: 1px;
}
.btn-check{
    color: #4a96ff;
    font-size: 0.98rem;
    margin-right: 20px;
    font-weight: 700;
}
.btn-check:hover{
    color: #4080dd;
}
.btn-del{
    color: #f95a5a;
    font-size: 0.98rem;
    font-weight: 700;
}
.btn-del:hover{
    color: #dd4a4a;
}
.commodity.hide{
    display: none;
}
.breadcrumb{
    font-weight: 700;
    color: #5f6670;
    font-size: 0.95rem;
    margin-top: 20px;
}
.breadcrumb p{
    float: left;
    margin: 0 5px 0 0;
}
.breadcrumb i{
    float: left;
    width: 24px;
    height: 60px;
}
.breadcrumb span{
    float: left;
}
.home{
    background: url("../images/bread-icon/home.svg") no-repeat left 18px;
}
.arrow{
    background: url("../images/bread-icon/arrow.svg") no-repeat left 18px;
}
.shop{
    background: url("../images/bread-icon/shop.svg") no-repeat left 18px;
}
.cloud-disk{
    background: url("../images/bread-icon/cloud-disk.svg") no-repeat left 18px;
}
.release{
    background: url("../images/bread-icon/release.svg") no-repeat left 18px;
}
.user{
    background: url("../images/bread-icon/user.svg") no-repeat left 18px;
}
.area{
    background: url("../images/bread-icon/area.svg") no-repeat left 18px;
}
.monitor{
    background: url("../images/bread-icon/monitor.svg") no-repeat left 18px;
}
.order{
    background: url("../images/bread-icon/order.svg") no-repeat left 18px;
}
.log{
    background: url("../images/bread-icon/log.svg") no-repeat left 18px;
}
.permission{
    background: url("../images/bread-icon/permission.svg") no-repeat left 18px;
}


.grant-out{
    background: #fff;
}
.grant-out>div:nth-child(odd){
    background: #F2F8FC;
}
.grant-out>div:nth-child(even){
    background: #fff;
}
.grant-out>div>span{
    color: #000;
    font-size: 0.95rem;
    font-weight: 700;
}
.grant-out span{
    width: 105px;
    margin: 0;
    padding-left: 20px;
}
.grid-model{
    width: 600px;
    margin: 0 auto;
    padding:80px 0 0 0;
    overflow: hidden;
}
.grid-model input,.grid-model select,.grid-model .input-text[type="number"]{
    width: 240px;
    margin: 0;
    border-radius: 100px;
    padding-left: 15px;
}
.grid-model label.form-label{
    margin-bottom:4px;
    text-align: left;
}
.grid-model textarea{
    width: 240px;
    height: 85px;
    border-radius: 5px;
}
.grid-model .group:not(:first-child){
    width: 300px;
    box-sizing: border-box;
    padding-top: 24px;
    border-right: 1px solid #e1e1e1;
}
.grid-model .group:first-child{
    border-right: 1px solid #e1e1e1;
}
.grid-model .show-out{
    width: 84px;
    height: 112px;
    overflow: hidden;
}
.grid-model .show-out img{
    width: 84px;
    height: 112px;
}
.grid-model .grid-left,.grid-model .grid-right{
    width: 300px;
    overflow: hidden;
    float: left;
}
.grid-model .grid-right .group{
    padding-left: 60px;
    border:none;
    position: relative;
}
.my-sub{
    width: 600px;
    text-align: center;
    float: left;
}
.my-sub input{
    width: 160px;
    border-radius: 4px;
    margin-top: 70px;
    display: inline-block;
    height: 40px;
}
.update-preview img{
    width: 96px;
    height: 96px;
    opacity:0.7;
}
.upload-detail-image .preview-img img{
    width: 150px;
    height: 150px;
    opacity:0.7;
}
.preview-img:hover img{
    opacity:0.5;
}
.preview-img{
    position: relative;
}
.preview-img .goodsName{
    height: 35px;
    line-height: 35px;
    margin: 5px 0;
}
.update-preview .layui-upload-button{
    background: rgba(255,255,255,0);
}
.preview-img .update-img{
    position: absolute;
    width: 96px;
    height: 96px;
    top:0!important;
    left:0!important;
}
.upload-detail-image .preview-img .update-img{
    position: absolute;
    width: 150px;
    height: 150px;
}
.preview-img .update-img .layui-box{
    width: 96px;
    height: 96px;
    opacity: 0;
}
.upload-detail-image .preview-img .update-img .layui-box{
    width: 150px;
    height: 150px;
    opacity: 0;
}
.update-preview .layui-upload-button i{
    display: none;
}
.skin-minimal{
    position: relative;
}
.Hui-tabNav{
    background-color: #f8f8f8;
}
.user-info .layui-upload-button i{
    display: none;
}
.user-info .layui-upload-button{
    border-radius: 100px;
    background: rgba(255,255,255,0);
    border:2px solid #fff;
    color: #fff;
    line-height: 34px;
    font-size: 1rem;
}
.layui-upload-button:hover{
    opacity:0.6;
}
#loginform .cl:not(:last-child) input{
    border-radius: 100px;
    padding-left: 20px;
    height: 38px;
    color: #444;
    background: rgba(255,255,255,0.95);
    border:1px solid #e2e2e2;
    line-height: 38px;
}
#loginform .cl:not(:last-child) input:focus{
    border:2px solid #c6f2aa;
    padding-left: 19px;
}
#loginform #sub{
    background: #0aac4b;
    border-radius: 50px ;
    opacity:1;
}
#loginform #sub:hover{
    background: #1b9253;
    color: rgba(255,255,255,0.7);
}
#loginform #sub:active{
    background: #167944;
    color: rgba(255,255,255,0.3);
}
#loginform label img{
    display: inline-block;
    height: 30px;
    width: 30px;
}
.admin-logo{
    margin-left: 15px;
}
.admin-logo img{
    height: 26px;
    width: 26px;
    border-radius: 13px;
}
.loginWraper{
    text-align: center;
}
.loginWraper .login-top{
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -250px;
    margin-top: -260px;
}
.open-left{
    left:48px;
}
.big-page-left{
    left: 48px;
}
.side-left{
    width: 48px;
}
.Hui-aside:hover{
    width: 199px;
}
.Hui-aside:hover i{
    display: block;
}
.menu_dropdown{
    width: 199px;
}
/*#layui-layer1{*/
    /*background: rgba(255,255,255,0);*/
    /*color: #fff;*/
/*}*/
/*#layui-layer1 .layui-layer-title{*/
    /*background: rgba(255,255,255,0);*/
    /*border:none;*/
    /*color: #fff;*/
/*}*/

.layui-layer-btn{
    text-align: center!important;
}
.Hui-article{
    background: #ededed;
}
#page_data td img.td-preview-img{
    height: 60px;
}
.right-colla{
    height: 100%;
    width: 610px;
    position: absolute;
    top:0;
    right: 0;
    background: #fff;
    border:1px solid #e1e1e1;
    transition: all 0.3s;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    overflow-y: auto;
}
.right-colla.no-w{
    transform:translate(612px);
}
.colla-hide span{
    width: 34px;
    height: 34px;
    position: absolute;
    right:30px;
    top:14px;
    background: url("../images/colla-hide.svg");
    opacity:0.8;
}
.colla-hide span:hover{
    opacity:1;
}
.right-colla .colla-title{
    height: 60px;
    line-height: 60px;
    background: #f8f8f8;
    box-sizing: border-box;
    border-bottom:1px solid #e1e1e1;
}
.right-colla .colla-title input{
    padding-left: 28px;
}
.right-colla ul{
    overflow-y: auto;
    height: 600px;
    padding:30px 0 0 40px;
    box-sizing: border-box;
}
.right-colla li{
    width: 96px;
    height: 180px;
    float: left;
    margin:0 20px 10px 20px;
}
.right-colla li img{
    width: 96px;
    height: 96px;
    opacity:0.6;
}
.right-colla li:hover img,.right-colla li:hover span.cover{
    opacity:1;
}
.right-colla li p{
    margin: 3px 0 0 0;
    text-align: center;
    height: 36px;
}
.right-colla span.cover{
    width: 28px;
    height: 28px;
    position: absolute;
    top:5px;
    right:5px;
    background: url("../images/cover-default.svg");
    opacity: 0.6;
}
.product-img{
    position: relative;
    text-align: center;

}
.product-img img{
    border: 1px solid #eee;
}
.layui-layer .layui-layer-content{
    text-align: center;
}
.top-center{
    /*background:#ccdb1e url("../images/top-center/zhengan.png") no-repeat;*/
    overflow: hidden;
    height: 180px;
}
.top-center img{
    height: 100%;
}
.goods-tog{
    padding:3px 8px;
    color: #4a96ff;
    border:1px solid transparent;
    border-radius: 100px;
    display: inline-block;
    margin: 0 10px 10px 0;
}
.goods-tog.active{
    color: #4a96ff;
    border:1px solid #4a96ff;
}
.goods-tog.active:hover{
    color: #3a83db;
    border: 1px solid #3a83db;
}
.colla-out{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    /*transition: all 0.3s;*/
    overflow: hidden;
    z-index: 99;
}
.colla-out.no-s{
    z-index: -1;
    background: rgba(0,0,0,0);
}
a.jump_tab{
    text-decoration: underline;
    color: #32b51c;
}
a.area_tab{
    color: #ef655b;
}
.table-hover tbody tr:hover a.jump_tab {
    color: #2e7f39;
}
.table-hover tbody tr:hover a.area_tab {
    color: #b24f4f;
}
#my_page{
    position: relative;
    padding: 20px 40px;
    z-index: 9;
    overflow: hidden;
    background: #fff;
    text-align: center;
}
.index-agent{
    text-align: center;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    padding:20px 15px 80px;
}
.index-agent li{
    margin: 15px 0 25px;
    min-width: 120px;
}
.index-agent li:hover a>img{
    opacity:0.6;
}
.index-agent li p{
    height: 40px;
    font-size: 13px;
    margin: 8px 0 0;
    color: #97b4d3;
}
.agent-state{
    text-align: center;
    height: 28px;
    line-height: 24px;
    box-sizing: border-box;
    max-width: 56px;
    margin: 0 auto;
}
.agent-state.has{
    border:1px solid #dbe3e9;
    border-radius: 5px;
    background: #f6f8f9;
}
.index-agent img{
    width:70%;
    transition: all .5s;
}
.index-agent .agent-state img{
    width: 20px;
    transition: all .5s;
}
.index-agent .agent-state img:not(:first-child){
    margin-left:5px;
}
.index-agent img.online-img{
    position: absolute;
    top:-6px;
    right:26px;
    width: 20px;
    z-index: 10;
}
.agent-outer{
    background: #fff;
}
p.none{
    padding:20px 0;
    margin: 0;
}
.table .text-c td.text-invalid{
    color: #ff2e12;
}
.zip .right-colla .colla-main{
    height: 350px;
}
.zip .right-colla li{
    box-sizing: border-box;
    width: 140px;
    height: 146px;
    margin: 0;
    text-align: center;
    padding: 10px 20px 0;
}
.zip .right-colla li .title{
    height: 40px;
    overflow: hidden;
    margin: 0;
}
.zip #my-page{
    height: 40px;
}
.welcome #form [class^="col"]{
    padding:0 10px ;
}
.welcome #form{
    background: #fff;
}
.welcome #form [class^="col"] input,.welcome #form [class^="col"] select{
    border-radius: 4px;
    background: #f6f8f9;
    border:1px solid #dbdbdb;
    color: #7d8da8;
}
.welcome #form [class^="col"] input:focus,.welcome #form [class^="col"] select:focus{
    background: #fff;
}
.welcome ::-webkit-input-placeholder{
    color: #7d8da8;
}
.welcome .refresh{
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url("../images/refresh.svg");
}
.welcome .refresh:hover{
    opacity: 0.6;
}
.sign img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.sign{
    padding:15px 30px 0;
    overflow: hidden;
}
.sign li{
    float: left;
    padding:5px 8px;
    background: #f6f8f9;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #dbe3e9;
    margin-right: 15px;
}
.sign span{
    font-size: 13px;
    color: #97b4d3;
}
p.none-monitor{
    height: 62px;;
    line-height: 62px;
    background: #f9f9f9;
    margin: -20px 0 0 0 ;
    border-bottom: 1px solid #ddd;
}
.monitoring-wall{
    overflow: hidden;
    padding:20px 0;
}
.monitoring-wall a span{
    display: block;
    height: 44px;
    margin-top: 10px;
}
.detailDate-tbody tr{
    padding:0;
    position: relative;
}
#tbodyList.detailDate-tbody tr:nth-child(odd){
    border-right: 1px solid #ddd;
}
#tbodyList.detailDate-tbody tr:nth-child(1) td,#tbodyList.detailDate-tbody tr:nth-child(2) td,#tbodyList.detailDate-tbody tr:nth-child(5) td,#tbodyList.detailDate-tbody tr:nth-child(6) td,#tbodyList.detailDate-tbody tr:nth-child(9) td,#tbodyList.detailDate-tbody tr:nth-child(10) td{
    background: #f9f9f9;
}
#tbodyList.detailDate-tbody tr:hover td{
    background: #f2f8fc;
}
#tbodyList.detailDate-tbody tr td{
    height: 80px;
    line-height: 80px;
    box-sizing: border-box;
    padding:0;
    background: #fff;
}
#tbodyList.detailDate-tbody tr td:last-child a{
    transition: all 0.5s;
}
#tbodyList.detailDate-tbody tr td:last-child a:hover{
    opacity: 0.7;
}
.detailDate-tbody .first-todo img{
    width: 24px;
    margin-right: 10px;
}
.detailDate-tbody .first-todo a{
    background: #c0d1d9;
    display: inline-block;
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    padding:0 50px;
    color: #fff;
}
.detailDate-tbody .first-todo{
    position: absolute;
    width: 100%;
    top:0;
    display: none;
}
.detailDate-tbody .first-todo.ishow{
    display: block;
}
.agent-idx{
    position: absolute;
    top:0;
    left:10px;
    color: #c0d1d9;
}
.agent-img{
    height: 60px;
}
.agent-info{
    height: 80px;
}
.agent-info .info-main{
    padding-left: 30px;
    text-align: left;
}
.agent-info .opt{
    position: absolute;
    top:0;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    transition: all 0.5s;
}
.agent-info .opt.ishow{
    display: none;
}
.agent-info:hover .opt{
    opacity:1;
}
.agent-info .opt a{
    display: inline-block;
    width: 38px;
    height: 60px;
    line-height: 40px;
    transition: all 0.5s;
    border-radius: 20px;
    color: #fff;
    margin-top: 10px;
}
.agent-info .opt a.agent-update{
    background: url('../images/agent-updata-bg.svg');
    margin-right: 20px;
}
.agent-info .opt a.agent-delete{
    background: url('../images/agent-delete-bg.svg');
}
.agent-colla .right-colla{
    height: 540px;
}
.goods-form .colla-main,.grid-form .colla-main{
    height: 550px;
    box-sizing: border-box;
}
.goods-form .right-colla li,.grid-form .right-colla li{
    height: 160px;
}
.agent-colla .colla-main{
    height: 360px;
}
.agent-colla .right-colla ul{
    padding: 0 20px;
}
.agent-colla .right-colla li{
    height: 150px;
    width: 140px;
    margin: 20px 0 0 0 ;
}
.agent-colla .right-colla li img{
    height: 80px;
    width: 80px;
}
.agent-colla .product-img p{
    margin: 0;
}
.agent-colla .right-colla span.cover{
    top:0;
    right:30px;
}
.agent-colla #sub{
    display: none;
    padding-left: 12px;
    position: relative;
    top:15px;
}
#wizard section label.form-label {
    margin-bottom: 4px;
    text-align: left;
    display: block;
}
.stock-main-img{
    height: 45px;
}
#stock-main td.stock-warn{
    color: #ff2e12;
}
.nav .steps,.fresh-list .steps,.pay .steps{
    font-size: inherit;
    padding:20px;
}
.nav .wizard > .steps > ul > li{
    width: 16.66%;
}
.pay{
    background: #EDF3F7;
}
.pay .steps > ul > li{
    width: 33%;
}
#pay > .steps .number{
    display: none;
}
.aliPay,.wechatPay{
    overflow: hidden;
    box-sizing: border-box;
}
.aliPay>div,.wechatPay>div{
    box-sizing: border-box;
    width: 50%;
    float: left;
}
#pay> .content{
    min-height: 350px;
    position: relative;
}
.aliPay>div.right,.wechatPay>div.right{
    border-left: 1px solid #e1e1e1;
}
.wizard > .actions{
    padding:20px 0 20px 0;
    text-align: center;
    background: #fff;
}
.wechatCertPath .webuploader-pick{
    width: 100px;
    box-sizing: border-box;
    background: #4a96ff;
    border: 1px solid #4a96ff;
    color: #fff;
    height: 34px;
    font-size: 1rem;
    line-height: 34px;
    padding: 0;
    border-radius: 0;
    position: absolute;
    left: 40px;
}
.wechatCertPath .webuploader-pick+div{
    left: 40px!important;
}
.wechatCertPath #ctlBtn{
    position: absolute;
    left: 140px;
}
.pay-img{
    width: 20px;
    margin-right: 20px;
}
#pay section{
    background: #EDF3F7;
}
#pay .operate{
    position: absolute;
    right: 40px;
    top:10px;
    width: 72px;
    line-height: 36px;
    height: 36px;
    color: #4a96ff;
    background: transparent;
    font-size: 1rem;
    text-align: center;
    font-weight: normal;
    border:none;
}
#pay .operate:hover{
    color: #3a83db;
}
#pay-t-1{
    background: #2bc136;
    color: #fff;
    border:1px solid #2bc136;
}
#pay-t-2 {
    background: #ffae3c;
    color: #fff;
    border: 1px solid #ffae3c;
}
.wechatCertPath{
    position: absolute;
    left:43px;
    top:280px;
    display: none;
    height: 90px;
}
.wechatCertPath .progress-bar{
    width: 280px;
}
.wizard > .actions a{
    text-align: center;
}
.content ul {
    text-indent: 0;
}
.wizard > .content{
    min-height: 1200px;
}
.wizard > .content{
    font-size: 14px;
    margin: 0;
    box-sizing: border-box;
}
#wizard .my-sub #sub{
    margin-top: 20px;
    display: inline-block;
}
.wizard > .content > .body{
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    padding:15px;
    box-sizing: border-box;
    background: #EDF3F7;
}
.wizard > .content > .body input.hide{
    opacity: 0;
}
.wizard > .content > .body input#sub{
    border: none;
}
#wizard .searchName{
    margin-top: 17px;
}
.preview-img p{
    color: #999;
}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active{
    background: #4a96ff;
    border:1px solid #4a96ff;
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{
    background: #4a96ff;
    padding: 0.5em 3em;
}
.wizard > .steps  a, .wizard > .steps  a:hover, .wizard > .steps  a:active{
    background: #f6f8f9;
    border:1px solid #dbe3e9;
    color: #97b4d3;
}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active{
    background: #4a96ff;
    opacity: 0.4;
}
#wizard .goods-tog{
    padding: 0 15px;
}
#wizard label{
    font-size: 15px;
    font-weight: 700;
}
.edit-main  .wizard .steps  ul  li{
    width: 33.33%;
}
.grid-right .group a.wizard-add{
    position: absolute;
    bottom:0;
    right:-50px;
    width: 30px;
    height: 30px;
    background:url("../images/wizard-add.svg");
}
#agent-form .grid-right{
    width: 360px;
}
.agent-form .grid-model{
    width: 660px;
}
.wizard-new{
    margin: 100px auto;
}
.wizard-new #name,.wizard-new #agentGroupName{
    height: 40px;
}
.wizard-new #sub{
    height: 40px;
    margin-top: 80px;
}
.add-group-info{
    display: inline-block;
    margin-top: 15px;
}
.add-group-info a{
    text-decoration: underline;
    color: red;
}
#choose{
    border:none;
}
.wizard > .content > .body input{
    border:1px solid #c5cfd6;
}
.new-fresh .wizard > .content{
    min-height: 650px;
}
#wizard .library{
    margin: 0;
    background: #E96650;
    border: none;
    border-radius: 100px;
    width: 280px;
    height: 35px;
    line-height: 35px;
    padding:0;
}
.new-fresh #wizard .group{
    width: 280px;
    margin: 40px auto;
    margin-bottom: 0;
}
.new-fresh #wizard .group input,.new-fresh #wizard .group select{
    width: 280px;
    margin: 0;
    height: 35px;
    border-radius: 100px;
    padding-left: 10px;
}
.new-theme-main,.new-zip-main,.new-led-main,.new-release-main{
    margin:  40px auto;
    overflow: hidden;
}
.new-fresh .right-colla ul,.zip .right-colla ul{
    height: 550px;
}
.new-fresh .right-colla ul li,.zip .right-colla ul li{
    height: 160px;
}
#fileNameText{
    text-align: center;
}
.new-fresh a.btn-add{
    border: 1px solid #DCE1E5;
    margin: 10px ;
    border-radius: 6px;
    display: inline-block;
}
.edit{
    text-align: center;
    overflow: hidden;
}
.fresh-list .steps > ul > li{
    width: 16.667%;
}
.fresh-list .wizard .content .body{
    padding:0;
}
.page-div{
    background: #fff;
    padding: 20px 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid #ddd;
}
#wizard .panel{
    padding:0;
}
#wizard .panel-body{
    padding: 0;
}
#wizard #treeDirectory{
    height: 340px;
    overflow-y: auto;
    padding:10px;
    background: #fff;
}
#wizard .release-list #treeDirectory{
    height: 600px;
}
.screen-ul li{
    width: 120px;
    height: 240px;
    display: inline-block;
    text-align: center;
    margin: 10px;
}
.screen-ul li a{
    display: inline-block;
}
.screen-out{
    width: 120px;
    height: 188px;
    line-height: 188px;
    text-align: center;
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
}
.screen-out img{
    display: inline-block;
    width: 100%;
}
.screen-ul li p{
    height: 44px;
    margin: 0;
}
.publish-span #treeAgent{
    overflow-y: auto;
    height: 300px;
    width: 380px;
    background: #fff;
    box-sizing: border-box;
}
#orderAgentTree{
    overflow-y: auto;
    height: 400px;
    width: 380px;
    background: #fff;
    box-sizing: border-box;
    padding:20px;
}
.new-fresh a.btn-add,.new-fresh a.btn-updates{
    height: 150px;
    width: 250px;
    padding:18px 81px;
}
.new-fresh a.btn-add img{
    width: 80px;
    height: 80px;
}
.new-fresh a.btn-add span{
    color: #B8BDC9;
}
#agent-command{
    padding:20px;
    text-align: center;
}
#agent-command a:not(:last-child){
    margin-right: 16px;
}
.content-ztree{
    height: 500px;
    overflow-y: auto;
}
.personal-update .updateTree{
    display: block;
    position: absolute;
    width: 300px;
    right: 0;
    top:0;
    height: 100%;
    transition: all 0.3s;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
    overflow-y: auto;
    background: #fff;
    padding:40px 5px 5px 5px ;
    box-sizing: border-box;
}
.personal-update #menuContent .ztree{
    height: 100%;
    overflow-y: auto;
}
.release-list-new{
    float: right;
    color: #B8BDC9;
}
.personal-update .updata-colla{
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    right:0;
    /*transition: all 0.3s;*/
    overflow: hidden;
    z-index: 99;
}
.updata-colla.no-s{
    z-index: -1;
    background: rgba(0,0,0,0);
}
.updata-colla .colla-hide span{
    z-index: 99;
    top:5px;
    right:20px;
}
#personalTree.no-w,#contentTree.no-w{
    transform:translate(300px);
}
.new-fresh #wizard .group input.choose{
    width: 130px;
    display: inline-block;
    padding:0;
    height: 36px;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid transparent;
}
.new-fresh #wizard .group input.choose:first-child{
    margin-right: 15px;
}
.new-fresh .btns{
    position: relative;
}
.new-fresh .btns #picker{
    position: absolute;
    top:1px;
    left:0;
}
.choose{
    border:none;
}
.choose.btn-danger{
    background: #e4393c;
}
.personal-update .release-list-new{
    position: absolute;
    right: 220px;
    top:8px;
    z-index: 99;
}
.tags{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    transition: all 0.3s;

}
.tags.my-hide{
    transform:translate(720px);
}
.tags-inner{
    position: absolute;
    width: 50%;
    height: 100%;
    background: #fff;
    right:0;
    top:0;
}
.own-tags,.all-tags{
    box-sizing: border-box;
}
.tags-title .colla-hide span{
    top:5px;
    right: 5px;
}
.tags-title{
    height: 44px;
    position: relative;
    border:1px solid #e1e1e1;
}
.own-tags{
    border-bottom: 1px solid #e1e1e1;
}
.all-tags-main,.own-tags-main{
    height: 220px;
    overflow-y: auto;
    box-sizing: border-box;
    padding:15px;
}
.tags-inner p,.search-tags p,.search-tag p{
    display: inline-block;
    color: #7d8da8;
    background: #f6f8f9;
    border:1px solid #dbe3e9;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding:0 10px;
    margin: 8px;
    transition: all 0.3s;
}
.search-tags{
    max-height: 140px;
    overflow-y: auto;
    padding:15px;
    box-sizing: border-box;
    border-bottom: 1px solid #cadbe5;
    text-align: center;
}
.search-input{
    margin: 15px 0;
}
.tags-inner p:hover,.search-tags p:hover,.search-tag p:hover{
    cursor: pointer;
}
.own-tags-main p{
    background: #61adff;
    border:1px solid #61adff;
    color: #fff;
}
.own-tags-main p:hover,.all-tags-main p:hover,.search-tags p.checked,.search-tag p.checked{
    background: #5a9be2;
    border:1px solid #5a9be2;
    color: #fff;
}
.tags-inner h5{
    color: #7d8da8;
    text-align: center;
    margin-bottom: 0;
}
.ztree-out,.order-left .left-out,.code-out{
    position: relative;
    width: 380px;
    margin: 0 auto;

}
.ztree-out{
    background: #fff;
}
#treeAgent,.ztree{
    text-align: center;
}
.bx_Con {
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}
.bx_ConL {
    width: 50%;
    float: left;
    border-right: 1px solid #ededed;
    box-sizing: border-box;
}
.bx_ConR {
    width: 50%;
    float: right;
}
.bx_ConComm {
    width: 85.7%;
    height: 500px;
    background: #ededed;
    margin: 20px auto;
    padding: 15px 30px;
    position: relative;
}
.bx_ConTitle {
    font-size: 16px;
    color: #32404e;
    height: 54px;
    line-height: 50px;
}
.bx_ConTable {
    width: 100%;
    border: 1px solid #d0d0d0;
    background: #ffffff;
}
.charts-out{
    width: 100%;
    background: #ededed;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    overflow-x: auto;
    text-align: center;
}
.chart-out{
    width: 48%;
    box-sizing: border-box;
    display: inline-block;
}
.charts{
    height: 400px;
    width:100%;
    background: #fff!important;
    margin: 0 auto;
}
.checkedAll{
    margin:0 10px ;
}
.checkedAll label {
    margin-left: 25px;
}
.checkedAll label :hover{
    cursor: pointer;
}
.order-out{
    padding:60px 40px;
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}
.order-out .search-tag p{
    background: #fff;
}
.order-out .search-tag p.checked{
    background: #5a9be2;
    border:1px solid #5a9be2;
    color: #fff;
}
.order-out .search-tag{
    max-height: 435px;
    width: 380px;
    overflow-y: auto;
    box-sizing: border-box;
    text-align: left;
}
.order-out  .order-left,.order-out  .order-right{
    float: left;
    width: 50%;
    min-width: 420px;
    box-sizing: border-box;
    height: 580px;
}
.order-out  .order-left{
    border-right: 1px solid #e1e1e1;
}
.order-out .skin-minimal>.text-c{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.order-out .skin-minimal>.text-c input{
    margin:0 auto;
    padding:0 30px;
    background: #e54e42;
    border-color:#e54e42 ;
    height: 36px;
    line-height: 36px;
}
.order-out .skin-minimal>.text-c input:hover{
    background: #c63f38;
    border-color:#c63f38 ;
}
.order-out p.title,.priority-out p.title{
    display: inline-block;
    color: #8497ad;
    font-weight: bolder;
    padding-left: 8px;
    padding-bottom: 15px;
    margin: 0;
    font-size: 14px;
}
.order-out p.list-title{
    display: block;
    background:#EDF3F7;
}
.priority-out {
    position: relative;
    width: 380px;
    margin: 10px auto;
}
.priority-out .triangle-up{
    top:35px;
}
.order-out .formControls input{
    width: 280px;
    height: 36px;
    margin-left: 8px;
    margin-right: 12px;
    float: left;
    border-radius: 4px;
    margin-top: 50px;
}
.order-out .formControls button{
    float: left;
    height: 36px;
    width:80px ;
    margin-top: 50px;
}
.order-right #code,#priority{
    width: 380px;
    border:none;
    height: 36px;
    line-height: 36px;
    background: #fff;
}
.order-out .triangle-up{
    top:30px;
}
.agent-main>div{
    margin: 0;
    border-bottom: 1px solid #ddd;
 }
.agent-main>div p{
    display: inline-block;
    margin: 0;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 0;
    position: relative;
}
.agent-main .space-out progress{
    height: 20px;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
}
progress::-moz-progress-bar { background: #0064B4; }
progress::-webkit-progress-bar { background: #e6e6e6; }
progress::-webkit-progress-value  { background: #0064B4; }

.agent-main>div p:last-child{
    border-left: 1px solid #ddd;
}
.agent-main>div:nth-child(odd){
    background: #f7f7f9;
}
.agent-main>div:hover:not(#map-out){
    background: #f2f8fc;
    cursor: pointer;
}
.btn-search{
    background:#bec5cc;
    border:none;
    color: #fff;
}
.btn-search:hover{
    background:#b2b9bf;
}
select{
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #ddd;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
}
.preview-show{
    text-align: center;
}
.preview-zip{
    margin-top: 100px;
    display: inline-block;
}
.preview-led{
    display: inline-block;
    padding:20px;
}
.agent-steps .content>.body {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    background: #e7edf2;
}
.agent-steps .steps{
    font-size: inherit;
    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
    margin-bottom: 20px;
}
.grid-model.agent-steps{
    width: 720px;
}
.grid-model.agent-steps .content{
    width: 600px;
    margin: 0 auto;
    min-height: 430px;
}
.agent-steps .wizard > .steps > ul > li{
    width: 50%;
}
.wizard > .content > .body input:hover,.wizard > .content > .body textarea:hover,.wizard > .content > .body input:focus{
    border: solid 1px #3bb4f2;
}
.agent-steps .my-sub{
    width: 720px;
    margin-top: 20px;
}
.agent-steps .my-sub input{
    margin-top: 0;
}
.publish-title{
    font-size: 14px;!important;
    margin-left: 20px;
    color: #7d8da8;
}
.initPicture{
    width: 150px;
}
.ztree *{
    font-size: 14px;
    color: #6d849b;
}
.ztree li a.curSelectedNode{
    background-color: rgba(34,155,255,0.2);
    border-radius: 20px;
    opacity: 1;
}
.personal-update .progress,.mould .progress {
    width:280px;
    display: inline-block;
    margin:  0 auto;
}
.personal-update .progress-num{
    color: #000;
}
#uploader h4.info,#uploader p.state{
    display: inline-block;
    margin-left: 10px;
}
#wizard  .progress{
    display: block;
}
.mould .steps,#pay .steps {
    font-size: inherit;
    background: #EDF3F7;
    border-bottom: 1px solid #e1e1e1;
}
.mould .steps>ul>li{
    width: 50%;
}
.mould .content {
    min-height: 400px;
}
.mould .steps>ul>li a span{
    display: none;
}
.new-release-left,.new-release-right{
    height: 490px;
    float: left;
    width: 420px;
    box-sizing: border-box;
}
.new-release-right{
    border-left: 1px solid #e1e1e1;
}
.new-release-out{
    width: 840px;
    margin: 0 auto;
    overflow: hidden;
}
.new-fresh .step-one.red-border{
    border:1px solid #ff2e12;
}
.mould .mould-title{
    text-align: center;
    color:#4a96ff;
    font-size: 16px;
    margin: 0;
    position: relative;
}
.mould .mould-title span{
    position: absolute;
    right: 20px;
    top:4px;
    padding-right: 25px;
    height: 20px;
    font-size:14px;
    line-height: 20px;
    text-decoration: underline;
    background: url("../images/mould-download.svg") top right no-repeat;
}
.mould .mould-title span a{
    color: #a0adc5;
}
.mould #picker{
    width: 280px;
    margin:  0 auto;
    margin-top: 50px;
}
.reviewStatus0 td:last-child{
    border-right: 10px solid transparent;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.3s all;
}
.reviewStatus1 td:last-child{
    border-right: 10px solid transparent;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.3s all;
}
.reviewStatus2 td:last-child{
    border-right: 10px solid transparent;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.3s all;
}
.rStatus{
    position: absolute;
    right:10px;
    height: 20px;
    line-height: 20px;
    top:50%;
    margin-top: -10px;
    width: 60px;
    transform:translate(80px);
    transition: 0.3s all;
}
.table-hover tbody tr:hover .rStatus{
    transform:translate(0);
}
.table-hover tbody tr.reviewStatus0:hover td:last-child{
    border-right: 10px solid #82bef4;
}
.table-hover tbody tr.reviewStatus1:hover td:last-child{
    border-right: 10px solid #eaa4ea;
}
.table-hover tbody tr.reviewStatus2:hover td:last-child{
    border-right: 10px solid #ffde55;
}
#Hui-skin{
    display: none;
}
.rem-num,.rem-pro,.rem-per{
    width: 120px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-left: -60px;
    text-align: center;
    margin-top: -10px;
}
.rem-num{
    z-index: 2;
    opacity: 0;
    transition: 0.3s all;
}
.rem-pro,.rem-per{
    color: #0369e8;
    opacity: 1;
    transition: 0.3s all;
}
.table-hover tbody tr:hover .rem-num{
    opacity: 1;
}
.table-hover tbody tr:hover .rem-pro,.table-hover tbody tr:hover .rem-per{
    opacity: 0;
}
.charts_box{
    margin: 20px;
    padding:0;
    background: #fff;
    overflow-x: auto
}
.bx_Con{
    width:1600px;
    margin: 0 auto;
}
.rank{
    width: 100%;
    overflow-x: auto;
    border:1px solid #dbe3e9;
    border-top: none;
    box-sizing: border-box;
}
.rank-body{
    min-width: 1000px;
    box-sizing: border-box;
    overflow: hidden;
}
.goodsRank,.agentRank{
    width: 50%;
    float: left;
    background: #fff;
    box-sizing: border-box;
}
.rank-img{
    height: 60px;
}
.rank-main{
    padding:10px;
}
.rank .table{
    border:1px solid #dbe3e9;
    border-bottom: none;
}
.rank-top{
    padding: 10px 10px 0 10px;
    overflow: hidden;
}
.rank-top .rank-title{
    margin: 0;
    padding: 4px 8px;
    float: left;
    color: #8594ac;
    background: #f6f8f9;
    border:1px solid #dbe3e9;
    border-radius: 4px;
}
select.search{
    color: #8594ac;
    background: #f6f8f9;
    border:1px solid #dbe3e9;
    width: 100px;
    height: 32px;
    float: right;
}
td span.topOne,td span.topTwo,td span.topThree,td span.normal{
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 24px;
    background:#d0d2d6;
    color: #fff;
}
td span.topOne{
    background:#f76b6b ;
}
td span.topTwo{
    background:#ff8e66 ;
}
td span.topThree{
    background:#ffd364 ;
}
.agent-main .map-out{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    margin: 0;
    transform:translate(600px);
    border:none;
    transition: 0.35s all;
    box-sizing: border-box;
    padding:10px;
}
.map-out.show{
    transform:translate(0);
}
.map-main{
    width: 96%;
    height: 96%;
    position: absolute;
    top:2%;
    left: 2%;
}
.map-title{
    position: absolute;
    top: 20px;
    left: 20px;
}